<template>
	<div style="clear: both;margin-top: 20px;">
		<div class="el-foot-c">
			<el-row :gutter="20">
				<el-col :span="6">
					<div>
						<div class="el-foot-title">支付方式</div>
						<div class="el-foot-content">
							<div class="el-foot-li">
								<el-button type="text">快捷支付</el-button>
							</div>
							<div class="el-foot-li">
								<el-button type="text">微信支付</el-button>
							</div>
							<div class="el-foot-li">
								<el-button type="text">支付宝支付</el-button>
							</div>
						</div>
					</div>
				</el-col>
				<el-col :span="6">
					<div>
						<div class="el-foot-title">物流配送</div>
						<div class="el-foot-content">
							<div class="el-foot-li">
								<el-button type="text">免运费签收</el-button>
							</div>
							<div class="el-foot-li">
								<el-button type="text">配送服务承诺</el-button>
							</div>
							<div class="el-foot-li">
								<el-button type="text">签收验货</el-button>
							</div>
							<div class="el-foot-li">
								<el-button type="text">物流查询</el-button>
							</div>
						</div>
					</div>
				</el-col>
				<el-col :span="6">
					<div>
						<div class="el-foot-title">售后服务</div>
						<div class="el-foot-content">
							<div class="el-foot-li">
								<el-button type="text">售后服务政策</el-button>
							</div>
							<div class="el-foot-li">
								<el-button type="text">退货服务流程</el-button>
							</div>
							<div class="el-foot-li">
								<el-button type="text">服务时效承诺</el-button>
							</div>
						</div>
					</div>
				</el-col>
				<el-col :span="6">
					<div>
						<div class="el-foot-title">关于我们</div>
						<div class="el-foot-content">
							<div class="el-foot-li">
								<el-button type="text">联系我们</el-button>
							</div>
							<div class="el-foot-li">
								<el-button type="text">官方微信</el-button>
							</div>
						</div>
					</div>
				</el-col>
			</el-row>
		</div>
		<div class="el-foot-e">
			<span> © 柏特工业品商城(wwwbtmro.cn) 版权所有 ICP证：苏B-18016417</span>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {

			};
		}
	}
</script>

<style>
	.el-foot-c {
		background-color: #2B2B2B;
		color: #FFFFFF;
		padding-top: 20px;
		padding-bottom: 15px;
	}

	.el-foot-e {
		background-color: #000000;
		text-align: center;
		color: #FFFFFF;
		height: 30px;
		font-size: 12px;
		padding-top: 10px;
	}

	.el-foot-e span {
		vertical-align: middle;
	}

	.el-foot-title {
		font-size: 16px;
		font-weight: 400;
		text-align: center;
	}

	.el-foot-content {
		font-size: 12px;
		font-weight: 400;
		text-align: center;
		margin-top: 15px;
	}

	.el-foot-li {
		margin-top: 5px;
	}
</style>
